<template name="shippingSettings">
  {{#each reactionApps provides='shippingSettings'}}
  <div class="panel panel-default">
    <div class="panel-heading panel-heading-flex">
      <div class="panel-title">
        <i class="fa fa-{{name}}"></i>
        <span data-i18n="{{i18nKeyLabel}}">{{label}}</span>
      </div>
      <div class="panel-controls">
        <input class="checkbox-switch shipping-settings" type="checkbox" name="enabled" data-id={{packageId}} data-key="{{settingsKey}}" {{checked enabled}}>
      </div>
    </div>
    <div class="panel-body {{shown enabled}}">
      {{> React component=ReactComponentOrBlazeTemplate name=template props=.}}
    </div>
  </div>
  {{/each}}

  <div>
    {{> React component=parcelSizeSettings}}
  </div>
</template>
